<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/simplecss.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<!--
			步骤：
			1.拿到设计图
			2.切图 ps cutterman
			3.标注
		-->
		<!--头部内容-->
		<div class="header">
			<!--设置下边框-->
			<div class="header-top">
				<!--container居中-->
				<div class="header-top-content container">
					<div class="row">
						<div class="col-md-5">
							欢迎来到大宗商品，客服热线：<span>400-7111-658</span>
						</div>
						<div class="col-md-5 col-md-push-2 top-right">
							<a href="">设为首页</a>
							<p>|</p>
							<a href="">收藏本站</a>
							<p>|</p>
							<a href="">在线咨询</a>
						</div>
					</div>
				</div>
			</div>
			<!--logo和导航菜单-->
			<div class="header-content container">
				<div class="row">
					<div class="col-md-3 logo">
						<a href=""><img src="img/logo.png"/></a>
					</div>
					<div class="col-md-9 nav">
						<a href="" class="active">首页</a>
						<a href="">关于我们</a>
						<a href="">在线开户</a>
						<a href="">新闻资讯</a>
						<a href="">下载中心</a>
						<a href="">联系我们</a>
					</div>
				</div>
			</div>
		</div>
		<!--轮播图-->
		<div class="banner">
			<img src="img/banner01.png"/>
		</div>
		<!--新手指南 开设账户 流程介绍 专家服务-->
		<div class="serve container">
			<div class="row">
				<div class="col-md-3">
					<img src="img/icon_01.png"/>
					<p>新手指南</p>
				</div>
				<div class="col-md-3">
					<img src="img/icon_02.png"/>
					<p>开设账户</p>
				</div>
				<div class="col-md-3">
					<img src="img/icon_03.png"/>
					<p>流程介绍</p>
				</div>
				<div class="col-md-3">
					<img src="img/icon_04.png"/>
					<p>专家服务</p>
				</div>
			</div>
			
		</div>
		<!--关于我们 公司公告-->
		<div class="container aboutus-wraper">
			<div class="row">
				<div class="col-md-8 aboutus">
					<div class="row">
						<div class="col-md-6">
							<img src="img/aboutus.png"/>
						</div>
						<div class="col-md-6">
							<h3>关于我们</h3>
							<p>周年庆，现金红包送不停。周年庆，现金红包送不停。周年庆，现金红包送不停。
							周年庆，现金红包送不停。</p>
							<button class="btn-default">查看详情</button>
						</div>
					</div>
			    </div>
			    <div class="col-md-4 notice">
			    	<div class="panel panel-default">
			    		<div class="panel-heading">
			    			<div class="panel-title">
			    				公司公告
			    				<a href="">更多</a>
			    			</div>
			    		</div>
			    		<div class="panel-body">
			    			<ul>
			    				<li>【活动专区】周年庆，现金红包送不停。</li>
			    				<li>【活动专区】周年庆，现金红包送不停。</li>
			    				<li>【活动专区】周年庆，现金红包送不停。</li>
			    				<li>【活动专区】周年庆，现金红包送不停。</li>
			    				<li>【活动专区】周年庆，现金红包送不停。</li>
			    			</ul>
			    		</div>
			    	</div>
			    </div>
			</div>
		</div>
		<!--特色-->
		<div class="feature">
			<div class="container">
				<h1>为什么选择我们?</h1>
				<div class="row">
					<div class="col-md-3">
						<img src="img/Shield.png"/>
						<p>100%保障资金安全</p>
					</div>
					<div class="col-md-3">
						<img src="img/dollar-bag.png"/>
						<p>0隐性收费 不赚利差</p>
					</div>
					<div class="col-md-3">
						<img src="img/stop-watch.png"/>
						<p>借款时间灵活 不罚息</p>
					</div>
					<div class="col-md-3">
						<img src="img/Synchro.png"/>
						<p>盈利提取自由</p>
					</div>
					
				</div>
				
			</div>
		</div>
		<!--新闻资讯 -->
		<div class="container news-wrap">
			<div class="row">
				<!--新闻资讯 -->
				<div class="col-md-4 news">
					<div class="panel panel-default">
						<div class="panel-heading">
							<span id="">
								新闻资讯
							</span>
							<a href="">更多</a>
						</div>
						<div class="panel-body">
							<ul class="list-group">
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news3.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news6.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news5.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--每日评论-->
				<div class="col-md-4 comment">
					<div class="panel panel-default">
						<div class="panel-heading">
							<div class="panel-title">
								<span id="">
									每日评论
								</span>
								<span id="">
									财经资讯
								</span>
							</div>
						</div>
						<div class="panel-body">
							<ul class="list-group">
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news4.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news1.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
								<li class="list-group-item">
									<div class="item-img">
										<img src="img/news2.png"/>
									</div>
									<div class="item-text">
										<h4>配资炒股融资成本年化20..</h4>
										<p>融资再增百亿元 增量资金在布局
										下周抢筹三大板块，新春行...
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--交收信息-->
				<div class="col-md-4 deal">
					<div class="panel panel-default">
						<div class="panel-heading">
							<span id="">
								交收信息
							</span>
							<a href="">更多</a>
						</div>
						<div class="panel-body">
							<ul>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
								<li><a href="">2015年5月5日黄金EFT持仓</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--收盘价-->
		<div class="table-wraper">
			<div class="container">
				<div class="row">
					<!--表格-->
					<div class="col-md-8">
						<table class="table table-bordered">
							<tbody>
								<tr>
									<td>商品名称</td>
									<td>代码</td>
									<td>今开</td>
									<td>昨日最高价</td>
									<td>昨日最低价</td>
									<td>昨收盘价</td>
								</tr>
								<tr>
									<td>铂金1000克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>铂金10克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>铂金100克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>铂金1000克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>原油1吨</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>原油10吨</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>原油50吨</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>白银1千克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
								<tr>
									<td>白银15千克</td>
									<td>103</td>
									<td>152.12</td>
									<td>151.42</td>
									<td>150.45</td>
									<td>150.52</td>
								</tr>
							</tbody>
						</table>
					</div>
					<!--预约开户-->
					<div class="col-md-4">
						<div class="user-num">
							<p>
								234568
							</p>
							<p>
								名客户正在使用大宗商品平台
							</p>
							<button>预约开户</button>
						</div>
						<div class="qr-code">
							<p class="saoyisao">
								扫一扫关注公司微信
							</p>
							<img src="img/qr_code.png" />
							<div class="qr-code-text">
								<p>1.实时报价查看详情</p>
								<p>2.每日评论分析详情</p>
								<p>3.微信申请模拟账号</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--合作伙伴-->
		<div class="partner container">
			<div class="row">
				<div class="col-md-12">
					<p>合作伙伴</p>
					<ul>
						<li>
							<a href=""><img src="img/partner1.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner2.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner3.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner4.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner5.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner6.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner7.png"/></a>
						</li>
						<li>
							<a href=""><img src="img/partner8.png"/></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--常见问题-->
		<div class="footer">
			<div class="container">
				<div class="row footer-nav">
					<!--关于我们-->
					<div class="col-md-8">
						<div class="container question">
							<div class="row">
								<div class="col-md-3">
									<p>关于我们</p>
									<ul>
										<li>投资流程</li>
										<li>投资安全</li>
										<li>提现问题</li>
										<li>投资常见问题</li>
									</ul>
								</div>
								<div class="col-md-3">
									<p>交易指南</p>
									<ul>
										<li>投资流程</li>
										<li>投资安全</li>
										<li>提现问题</li>
										<li>投资常见问题</li>
									</ul>
								</div>
								<div class="col-md-3">
									<p>新闻资讯</p>
									<ul>
										<li>投资流程</li>
										<li>投资安全</li>
										<li>提现问题</li>
										<li>投资常见问题</li>
									</ul>
								</div>
								<div class="col-md-3">
									<p>预约开户</p>
									<ul>
										<li>投资流程</li>
										<li>投资安全</li>
										<li>提现问题</li>
										<li>投资常见问题</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!--服务热线-->
					<div class="col-md-4 phone">
						<p>全国服务热线</p>
						<p>400-7111-658</p>
						<p>工作时间8:30-24:00</p>
						<div class="chat">
							<div class="wechat">
								<img src="img/icon-wechat.png" />
								<p>微信</p>
							</div>
							<div class="qq">
								<img src="img/icon-qq.png" />
								<p>QQ</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--版权 -->
			<div class="container link">
				<div class="row">
					<div class="col-md-12">
						<p>友情链接：网贷之家</p>
						<p>|</p>
						<p>网贷天眼</p>
						<p>|</p>
						<p>HAO123</p>
						<p>|</p>
						<p>76676</p>
					</div>
				</div>
			</div>
			<div class="container copyright">
				<span>版权所有 杭州xxx信息技术有限公司 COPYRIGHT RESERVED 2013-2015 浙ICP备14002269</span>
			</div>
		</div>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
